// 文章列表
.aj-article-list {
    &>ul {
        padding: 2%;

        li {
            border       : 1px solid #cececd;
            border-bottom: 3px solid #cececd;
            border-right : 1px solid #cececd;
            margin       : auto;
            margin-bottom: 3%;
            clear        : both;
            display      : block;
            padding      : 2%;

            &:nth-child(odd) {
                background-color: #F5F5F5;
            }

            .thumb {
                min-height  : 90px;
                float       : left;
                margin-right: 20px;

                img {
                    display     : inline-block;
                    max-width   : 200px;
                    float       : left;
                    margin-right: 2%;
                }
            }

            h3 {
                padding-bottom: 2%;
                font-weight   : bold;
                letter-spacing: 2px;
            }

            p {
                font-size  : .9rem;
                text-align : justify;
                line-height: 180%;
                color      : gray;
            }

            div {
                font-size : .9rem;
                text-align: right;
                color     : gray;
                margin-top: 1%;

                a {
                    font-weight: bold;
                    color      : gray;
                }
            }
        }
    }

}

.aj-list {
    &>ul {
        clear   : both;
        overflow: hidden;

        li {
            overflow        : hidden;
            background-color: white;
            box-sizing      : border-box;
            list-style      : none;
           
        }
    }

    footer {
        text-align    : center;
        font-size     : .95rem;
        color         : gray;
        letter-spacing: 2px;
        margin        : 2%;

        input {
            // .aj-input;
            text-align: center;
            height    : 22px;
        }

        select {
            //     .aj-select;
            text-align    : center;
            width         : 40px;
            height        : 22px;
            vertical-align: bottom;
        }
    }
}

// 宫格
.aj-list-col-base (@columns) {
    & when (@columns=3) {
        padding-left: 1%;
    }

    li {
        float: left;
        min-height      : 80px;
        
        .thumb {
            img {
                width     : 100%;
                max-height: 160px;
            }
        }

        p {
            display: none;
        }

        & when (@columns=2) {
            width: 48%;

            &:nth-of-type(odd) {
                margin-left : 1.3%;
                margin-right: 1.3%;
            }

            &:nth-of-type(even) {
                margin-right: 1.4%;
            }
        }

        & when (@columns=3) {
            width        : 33.3%;
            padding-right: 1%;
        }

        & when (@columns=4) {
            width        : 25%;
            padding-right: 1%;
        }
    }
}

.aj-list-cols-2 {
    .aj-list-col-base(2);
}

.aj-list-cols-3 {
    .aj-list-col-base(3);
}

.aj-text-below {
    h3 {
        font-size : .9rem;
        min-height: 3.1rem; // 三倍字体的高度
        margin    : 5% 0;
    }
}

.aj-text-inside {
    li {
        position  : relative;
        margin-top: 5%;
    }

    h3 {
        position           : absolute;
        bottom             : 0;
        left               : 0;
        font-size          : .8rem;
        min-height         : 2.5rem; // 三倍字体的高度
        // line-height     : 140%;
        background-color   : rgba(0, 0, 0, .5);
        box-sizing         : border-box;
        width              : 97%;
        padding            : 0 3%;
        color              : white;
    }
}